<template>
  <div>
    <div class="wrapper">
      <div class="line">
        <FormPanel ref="form" :list="formList" :cols="3" :formType="type" :isSubmitBtn="false" />
        <BreakSpace label="查询误点" :containerStyle="{ marginBottom: '10px' }"></BreakSpace>
        <!-- <FilterTable
          ref="table"
          columnsRef="jzyContactsPanel"
          height="800"
          :columns="columns"
          :fetchapi="fetchApi"
          :params="fetchParams"
          :datakey="'rows'"
          selectionType="single"
          :onRowSelectChange="rowSelectHandle"
          :onColumnsChange="columns => (this.columns = columns)"
        >

        </FilterTable> -->
        <FilterTable
          ref="table"
          columnsRef="ygy_queryEnterSituation_queryWudianModel"
          :columns="columns"
          :loading="loading"
          selectionType="single"
          :dataSource="wdcxDataList"
          :isMemoryPagination="true"
          :pageSize="20"
          :isExportExcel="true"
          exportFileName="误点查询导出表.xlsx"
          :onColumnsChange="columns => (this.columns = columns)"
          :onRowSelectChange="rowSelectHandle"
        >
        </FilterTable>
      </div>
    </div>
  </div>
</template>

<script>
// @author:@刘诗文
import { dictionary } from '@/utils/dictMixin';
import { authority } from '@/utils/authMixin';
import { notifyAction, confirmAction } from '@/utils';
import { phone, telePhone } from '@/utils/validate';
import { getQueryWudian } from '@/api/repair/queryStatistics/queryAccounts';
import { getUserListSelect } from '@/api/report/repair/repairreport';
import { getWxlxSelect } from '@/api/repair/repairReception/customer';
import dictCode from '@/utils/dictCode';
import { searchRoleByCode } from '@/api/common/empSelect/index';
import { getAllUser } from '@/api/repair/queryStatistics/queryAccounts';
import { getProvince, getCitys, getDistrict } from '@/api/customerRepair/customerInfo/ownerVehicleManagement';

export default {
  name: 'contactsPanel',
  components: {},
  mixins: [dictionary, authority],
  props: {
    type: {
      type: String
    },
    formData: {
      type: Object,
      default: () => ({})
    },
    allUser: {
      type: Array,
      default: []
    }
  },
  data() {
    this.selectedRow = null;
    return {
      formList: this.createFormList(),
      columns: this.createTableColumns(),
      // fetchApi: getQueryWudian,
      // fetchParams: { RO_NO: this.formData.RO_NO }
      wdcxDataList: [],
      loading: false
    };
  },
  mounted() {
    // 分页
    // this.BaseTable = this.$refs.table.$refs.pageTable;
    // this.getProvine();
    this.getAllUsers();
    this.initSelect();
  },
  methods: {
    // async getProvine() {
    //   const res = await getProvince();

    //   console.log(res, 'getProvince');
    //   this.columns.find(item => item.fieldName === 'province').itemList = res.data.map(x => ({ value: x.regionId, text: x.regionName }));
    // },
    async getAllUsers() {
      // 人员转换
      let testDrive = { role: dictCode.SERVICE_CONSULTANT };
      let res1 = (await getAllUser()).data.map(x => ({ value: x.userId + '', text: x.employeeName }));
      console.log(res1);
      this.columns.find(x => x.dataIndex === 'SERVICE_ADVISOR').editItems = res1;
      this.columns.find(x => x.dataIndex === 'SERVICE_ADVISOR').filterItems = res1;
      this.columns.find(x => x.dataIndex === 'CREATED_BY').editItems = res1;
      this.columns.find(x => x.dataIndex === 'CREATED_BY').filterItems = res1;
      this.columns.find(x => x.dataIndex === 'BALANCE_HANDLER').editItems = res1;
      this.columns.find(x => x.dataIndex === 'BALANCE_HANDLER').filterItems = res1;
    },
    async initSelect() {
      this.$refs.table.START_LOADING();
      try {
        let res = await getQueryWudian(this.formData);
        if (res.resultCode == 200) {
          this.wdcxDataList = res.data;

          for (const key in this.wdcxDataList) {
            if (this.wdcxDataList.hasOwnProperty(key)) {
              const element = this.wdcxDataList[key];
              this.$set(this.wdcxDataList, key, element);
            }
          }

          let allRegion = this.getAllRegionList();
          this.wdcxDataList.forEach(x => {
            // 时间转换
            x.Late = this.formatSeconds(x.Late);
            if (x.PROVINCE) {
              // 省份是null
              let provinceRegion = allRegion[x.PROVINCE];
              if (provinceRegion) {
                // 省份找不到
                x.PROVINCE = provinceRegion.regionName;
                if (x.CITY) {
                  // city是null
                  let cityRegion = provinceRegion.children[x.CITY];
                  if (cityRegion) {
                    // city找不到
                    x.CITY = cityRegion.regionName;
                    if (x.DISTRICT) {
                      // 区县是null
                      let districtRegion = cityRegion.children[x.DISTRICT];
                      if (districtRegion) {
                        // 区县找不到
                        x.DISTRICT = districtRegion.regionName;
                      }
                    }
                  }
                }
              }
            }
          });

          // // 省市县转换
          // let province = this.columns.find(x => x.dataIndex === 'PROVINCE');
          // let city = this.columns.find(x => x.dataIndex === 'CITY');
          // let district = this.columns.find(x => x.dataIndex === 'DISTRICT');

          // console.log(allRegion); // 数据格式：key：value 29368: {regionId: 29368, regionCode: "220000", regionName: "吉林省"。。。
          // if (province.initialValue) {
          //   let provinceRegion = allRegion[province.initialValue];
          //   console.log(provinceRegion.regionName);
          //   province.initialValue = provinceRegion.regionName;

          //   let cityRegion = provinceRegion[city.initialValue];
          //   city.initialValue = cityRegion.regionName;

          //   let districtRegion = cityRegion[district.initialValue];
          //   district.initialValue = districtRegion.regionName;
          // }
        }
      } catch (err) {
        console.log(err, '查询table主数据失败');
      } finally {
        this.$refs.table.STOP_LOADING();
      }
    },
    formatSeconds(value) {
      var theTime = parseInt(value); // 需要转换的时间秒
      var theTime1 = 0; // 分
      var theTime2 = 0; // 小时
      var theTime3 = 0; // 天
      if (theTime > 60) {
        theTime1 = parseInt(theTime / 60);
        theTime = parseInt(theTime % 60);
        if (theTime1 > 60) {
          theTime2 = parseInt(theTime1 / 60);
          theTime1 = parseInt(theTime1 % 60);
          if (theTime2 > 24) {
            // 大于24小时
            theTime3 = parseInt(theTime2 / 24);
            theTime2 = parseInt(theTime2 % 24);
          }
        }
      }
      var result = '';
      if (theTime > 0) {
        result = '' + parseInt(theTime) + '秒';
      }
      if (theTime1 > 0) {
        result = '' + parseInt(theTime1) + '分' + result;
      }
      if (theTime2 > 0) {
        result = '' + parseInt(theTime2) + '小时' + result;
      }
      if (theTime3 > 0) {
        result = '' + parseInt(theTime3) + '天' + result;
      }
      return result;
    },
    createTableColumns() {
      return [
        {
          title: '序号',
          dataIndex: 'index',
          width: 70,
          sorter: true,
          render: props => {
            return <span>{props.row.index + 1}</span>;
          }
        },
        {
          title: '工单号',
          dataIndex: 'RO_NO',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '维修类型',
          dataIndex: 'REPAIR_TYPE_CODE',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input',
          editType: 'select',
          editItems: []
        },

        {
          title: '客户名称',
          dataIndex: 'OWNER_NAME',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '车型代码',
          dataIndex: 'MODEL_CODE',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '服务顾问',
          dataIndex: 'SERVICE_ADVISOR',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input',
          editType: 'select',
          editItems: [],
          filterItems: []
        },
        {
          title: '车牌',
          dataIndex: 'LICENSE',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '车系名称',
          dataIndex: 'SERIES_NAME',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '底盘号',
          dataIndex: 'VIN',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '本公司售车',
          dataIndex: 'IS_SELF_COMPANY',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '送修日期',
          dataIndex: 'RO_CREATE_DATE',
          width: 150,
          dateFormat: 'yyyy-MM-dd HH:mm:ss',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'date-range',
          editable: false,
          editType: 'date-picker'
        },
        {
          title: '约定交车时间',
          dataIndex: 'END_TIME_SUPPOSED',
          width: 150,
          dateFormat: 'yyyy-MM-dd HH:mm:ss',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'date-range',
          editable: false,
          editType: 'date-picker'
        },
        {
          title: '审核日期',
          dataIndex: 'BALANCE_TIME',
          width: 150,
          dateFormat: 'yyyy-MM-dd HH:mm:ss',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'date-range',
          editable: false,
          editType: 'date-picker'
        },
        {
          title: '误点时间(单位:分)',
          dataIndex: 'Late',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '结算日期',
          dataIndex: 'SQUARE_DATE',
          width: 150,
          dateFormat: 'yyyy-MM-dd HH:mm:ss',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'date-range',
          editable: false,
          editType: 'date-picker'
        },
        {
          title: '施救费',
          dataIndex: 'SJF',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'number'
        },
        // {
        //   title: '代金券',
        //   dataIndex: 'DJJ',
        //   sorter: true,
        //   filter: true,
        //   showOverflowTooltip: true,
        //   filterType: 'input'
        // },
        {
          title: '其他费1',
          dataIndex: 'other1_amount',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'number'
        },
        {
          title: '其他费2',
          dataIndex: 'other2_amount',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'number'
        },
        {
          title: '其他费3',
          dataIndex: 'other3_amount',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'number'
        },
        {
          title: '合计金额',
          dataIndex: 'SUM_RECEIVE_AMOUNT',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'number'
        },
        {
          title: '合计税额',
          dataIndex: 'TAX_AMOUNT',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'number'
        },
        {
          title: '累计收款',
          dataIndex: 'RECEIVE_AMOUNT',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'number'
        },
        {
          title: '包公方式',
          dataIndex: 'BG_TYPE',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        // {
        //   title: '停车车位',
        //   dataIndex: 'TCCW',
        //   sorter: true,
        //   filter: true,
        //   showOverflowTooltip: true,
        //   filterType: 'input'
        // },
        {
          title: '累计维修次数',
          dataIndex: 'HISTORY_REPAIR_TIMES',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'number'
        },
        {
          title: '累计维修金额',
          dataIndex: 'HISTORY_REPAIR_AMOUNT',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'number'
        },
        // {
        //   title: '审核人',
        //   dataIndex: 'SHR',
        //   sorter: true,
        //   filter: true,
        //   showOverflowTooltip: true,
        //   filterType: 'input'
        // },
        // {
        //   title: '服务顾问',
        //   dataIndex: 'SERVICE_ADVISOR',
        //   sorter: true,
        //   filter: true,
        //   showOverflowTooltip: true,
        //   filterType: 'input',
        //   editType: 'select',
        //   editItems:[]
        // },
        {
          title: '操作员',
          dataIndex: 'CREATED_BY',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '结算员',
          dataIndex: 'BALANCE_HANDLER',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input',
          editType: 'select',
          editItems: []
        },
        {
          title: '行驶里程',
          dataIndex: 'IN_MILEAGE',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'number'
        },
        {
          title: '客户级别',
          dataIndex: 'LARGE_CUSTOMER_LEVEL',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input',
          filterItems: this.createDictList('8125'),
          render: props => {
            return <span>{this.createDictText(props.row.LARGE_CUSTOMER_LEVEL, '8125')}</span>;
          }
        },
        {
          title: '客户类别',
          dataIndex: 'LARGE_CUSTOMER_TYPE',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '客户代码',
          dataIndex: 'OWNER_NO',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },

        {
          title: '省',
          dataIndex: 'PROVINCE',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '市',
          dataIndex: 'CITY',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '县',
          dataIndex: 'DISTRICT',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '车系代码',
          dataIndex: 'SERIES_CODE',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '车型名称',
          dataIndex: 'MODEL_NAME',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        // {
        //   title: '车型名称',
        //   dataIndex: 'MODEL_NAME',
        //   sorter: true,
        //   filter: true,
        //   showOverflowTooltip: true,
        //   filterType: 'input'
        // },

        {
          title: '客户电话',
          dataIndex: 'PHONE',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '联系人姓名',
          dataIndex: 'CONTACTOR_NAME',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '联系人电话',
          dataIndex: 'CONTACTOR_PHONE',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '故障描述',
          dataIndex: 'RO_TROUBLE_DESC',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '客户地址',
          dataIndex: 'ADDRESS',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        },
        {
          title: '购车日期',
          dataIndex: 'SALES_DATE',
          width: 150,
          dateFormat: 'yyyy-MM-dd',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'date-range',
          editable: false,
          editType: 'date-picker'
        },
        {
          title: '上牌日期',
          dataIndex: 'LICENSE_DATE',
          width: 150,
          dateFormat: 'yyyy-MM-dd',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'date-range',
          editable: false,
          editType: 'date-picker'
        },
        {
          title: '生产日期',
          dataIndex: 'PRODUCT_DATE',
          width: 150,
          dateFormat: 'yyyy-MM-dd',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'date-range',
          editable: false,
          editType: 'date-picker'
        },
        {
          title: '工单备注',
          dataIndex: 'REMARK',
          sorter: true,
          filter: true,
          showOverflowTooltip: true,
          filterType: 'input'
        }
      ];
    },
    // createTableColumns() {
    //   return [
    //     {
    //       title: '序号',
    //       dataIndex: 'index',
    //       width: 70,
    //       sorter: true,
    //       render: props => {
    //         return <span>{props.row.index + 1}</span>;
    //       }
    //     },
    //     {
    //       title: '委托书编号',
    //       dataIndex: 'RO_NO',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '维修类别',
    //       dataIndex: 'REPAIR_TYPE_CODE',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input',
    //       editType: 'select',
    //       editItems: []
    //     },

    //     {
    //       title: '客户名称',
    //       dataIndex: 'OWNER_NAME',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '车型',
    //       dataIndex: 'MODEL',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '专属服务顾问代码',
    //       dataIndex: 'ZSFWGW',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input',
    //       editType: 'select',
    //       editItems:[]
    //     },
    //     {
    //       title: '专属服务顾问姓名',
    //       dataIndex: 'ZSFWGWXM',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input',
    //       editType: 'select',
    //       editItems:[]
    //     },
    //     {
    //       title: '牌照号',
    //       dataIndex: 'LICENSE',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     // {
    //     //   title: '车系名称',
    //     //   dataIndex: 'SERIES',
    //     //   sorter: true,
    //     //   filter: true,
    //     //   showOverflowTooltip: true,
    //     //   filterType: 'input'
    //     // },
    //     {
    //       title: '底盘号',
    //       dataIndex: 'VIN',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '本公司售车',
    //       dataIndex: 'BGSXS',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '维修状态',
    //       dataIndex: 'RO_STATUS',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input',
    //       filterItems: this.createDictList('8049'),
    //       render: props => {
    //         return <span>{this.createDictText(props.row.RO_STATUS, '8049')}</span>;
    //       }
    //     },
    //     {
    //       title: 'JD',
    //       dataIndex: 'JD',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input',
    //       filterItems: this.createDictList('8030'),
    //       render: props => {
    //         return <span>{this.createDictText(props.row.JD, '8030')}</span>;
    //       }
    //     },

    //     {
    //       title: '送修日期',
    //       dataIndex: 'RO_CREATE_DATE',
    //       width: 150,
    //       dateFormat: 'yyyy-MM-dd',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'date-range',
    //       editable: false,
    //       editType: 'date-picker'
    //     },
    //     {
    //       title: '约定交车时间',
    //       dataIndex: 'END_TIME_SUPPOSED',
    //       width: 150,
    //       dateFormat: 'yyyy-MM-dd',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'date-range',
    //       editable: false,
    //       editType: 'date-picker'
    //     },
    //     {
    //       title: '审核日期',
    //       dataIndex: 'SHRQ',
    //       width: 150,
    //       dateFormat: 'yyyy-MM-dd',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'date-range',
    //       editable: false,
    //       editType: 'date-picker'
    //     },
    //     {
    //       title: '结算日期',
    //       dataIndex: 'WDSJ',
    //       width: 150,
    //       dateFormat: 'yyyy-MM-dd',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'date-range',
    //       editable: false,
    //       editType: 'date-picker'
    //     },
    //     {
    //       title: '结算日期',
    //       dataIndex: 'BALANCE_TIME',
    //       width: 150,
    //       dateFormat: 'yyyy-MM-dd',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'date-range',
    //       editable: false,
    //       editType: 'date-picker'
    //     },
    //     {
    //       title: '施救费',
    //       dataIndex: 'SJF',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'number'
    //     },
    //     {
    //       title: '代金券',
    //       dataIndex: 'DJJ',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '其他费1',
    //       dataIndex: 'QT1',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'number'
    //     },
    //     {
    //       title: '其他费2',
    //       dataIndex: 'QT2',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'number'
    //     },
    //     {
    //       title: '其他费3',
    //       dataIndex: 'QT3',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'number'
    //     },
    //     {
    //       title: '合计金额',
    //       dataIndex: 'HJJE',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'number'
    //     },
    //     {
    //       title: '合计税额',
    //       dataIndex: 'HJSE',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'number'
    //     },
    //     {
    //       title: '累计收款',
    //       dataIndex: 'LJSK',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'number'
    //     },
    //     {
    //       title: '包公方式',
    //       dataIndex: 'BGFS',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '停车车位',
    //       dataIndex: 'TCCW',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '累计维修次数',
    //       dataIndex: 'HISTORY_REPAIR_TIMES',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'number'
    //     },
    //     {
    //       title: '累计维修金额',
    //       dataIndex: 'HISTORY_REPAIR_AMOUNT',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'number'
    //     },
    //     {
    //       title: '审核人',
    //       dataIndex: 'SHR',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '服务顾问',
    //       dataIndex: 'SERVICE_ADVISOR',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input',
    //       editType: 'select',
    //       editItems:[]
    //     },
    //     {
    //       title: '操作员',
    //       dataIndex: 'CREATED_BY',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '结算员',
    //       dataIndex: 'BALANCE_HANDLER',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input',
    //       editType: 'select',
    //       editItems:[]
    //     },
    //     {
    //       title: '行驶里程',
    //       dataIndex: 'IN_MILEAGE',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'number'
    //     },
    //     {
    //       title: '大客户级别',
    //       dataIndex: 'LARGE_CUSTOMER_LEVEL',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input',
    //       filterItems: this.createDictList('8125'),
    //       render: props => {
    //         return <span>{this.createDictText(props.row.LARGE_CUSTOMER_LEVEL, '8125')}</span>;
    //       }
    //     },
    //     {
    //       title: '客户类别',
    //       dataIndex: 'KHLB',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '客户代码',
    //       dataIndex: 'OWNER_CODE',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },

    //     {
    //       title: '省区名称',
    //       dataIndex: 'PROVINCE',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '市县名称',
    //       dataIndex: 'CITY',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '区县名称',
    //       dataIndex: 'DISTRICT',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '车系代码',
    //       dataIndex: 'SERIES',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '服务顾问代码',
    //       dataIndex: 'FWGWDM',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },

    //     // {
    //     //   title: '车型名称',
    //     //   dataIndex: 'MODEL_NAME',
    //     //   sorter: true,
    //     //   filter: true,
    //     //   showOverflowTooltip: true,
    //     //   filterType: 'input'
    //     // },
    //     {
    //       title: '检查员',
    //       dataIndex: 'JCY',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '操作员代码',
    //       dataIndex: 'CZYDM',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '客户电话',
    //       dataIndex: 'PHONE',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '客户移动电话',
    //       dataIndex: 'MOBILE',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '联系人姓名',
    //       dataIndex: 'CONTACTOR_NAME',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '联系人电话',
    //       dataIndex: 'CONTACTOR_PHONE',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '联系人移动电话',
    //       dataIndex: 'CONTACTOR_MOBILE',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '故障描述',
    //       dataIndex: 'RO_TROUBLE_DESC',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '故障解决',
    //       dataIndex: 'GZJJ',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input',
    //       filterItems: this.createDictList('8030'),
    //       render: props => {
    //         return <span>{this.createDictText(props.row.GZJJ, '8030')}</span>;
    //       }
    //     },

    //     {
    //       title: '客户地址',
    //       dataIndex: 'ADDRESS',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '保险单号',
    //       dataIndex: 'INSURANCE_BILL_NO',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '保险截止日期',
    //       dataIndex: 'INSURANCE_END_DATE',
    //       width: 150,
    //       dateFormat: 'yyyy-MM-dd',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'date-range',
    //       editable: false,
    //       editType: 'date-picker'
    //     },
    //     {
    //       title: '升级编号',
    //       dataIndex: 'SJBH',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '升级记录单编号',
    //       dataIndex: 'SJJLDBH',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '购车日期',
    //       dataIndex: 'SALES_DATE',
    //       width: 150,
    //       dateFormat: 'yyyy-MM-dd',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'date-range',
    //       editable: false,
    //       editType: 'date-picker'
    //     },
    //     {
    //       title: '发牌日期',
    //       dataIndex: 'LICENSE_DATE',
    //       width: 150,
    //       dateFormat: 'yyyy-MM-dd',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'date-range',
    //       editable: false,
    //       editType: 'date-picker'
    //     },
    //     {
    //       title: '生产日期',
    //       dataIndex: 'PRODUCT_DATE',
    //       width: 150,
    //       dateFormat: 'yyyy-MM-dd',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'date-range',
    //       editable: false,
    //       editType: 'date-picker'
    //     },
    //     {
    //       title: '查询状态',
    //       dataIndex: 'CXZT',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '查询状态描述',
    //       dataIndex: 'CXZTMS',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '查询时间',
    //       dataIndex: 'CXSJ',
    //       width: 150,
    //       dateFormat: 'yyyy-MM-dd',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'date-range',
    //       editable: false,
    //       editType: 'date-picker'
    //     },
    //     {
    //       title: '方便联系时间',
    //       dataIndex: 'CONCAT_TIME',
    //       width: 150,
    //       dateFormat: 'yyyy-MM-dd',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'date-range',
    //       editable: false,
    //       editType: 'date-picker'
    //     },
    //     {
    //       title: '希望联系方式',
    //       dataIndex: 'BEST_CONCAT_TYPE',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input',
    //       filterItems: this.createDictList('8021'),
    //       render: props => {
    //         return <span>{this.createDictText(props.row.BEST_CONCAT_TYPE, '8021')}</span>;
    //       }
    //     },
    //     {
    //       title: '二手车',
    //       dataIndex: 'SECOND_HAND',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input',
    //       filterItems: this.createDictList('8030'),
    //       render: props => {
    //         return <span>{this.createDictText(props.row.SECOND_HAND, '8030')}</span>;
    //       }
    //     },
    //     {
    //       title: '超期',
    //       dataIndex: 'OVERDUE',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '会员卡号',
    //       dataIndex: 'MEMBER_NO',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '其他超期原因',
    //       dataIndex: 'CQYY',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '备注',
    //       dataIndex: 'REMARK',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     },
    //     {
    //       title: '是否底盘号定制的免责特殊件',
    //       dataIndex: 'SFDPHDZJ',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input',
    //       filterItems: this.createDictList('8030'),
    //       render: props => {
    //         return <span>{this.createDictText(props.row.SFDPHDZJ, '8030')}</span>;
    //       }
    //     },

    //     {
    //       title: '审核备注',
    //       dataIndex: 'SHBZ',
    //       sorter: true,
    //       filter: true,
    //       showOverflowTooltip: true,
    //       filterType: 'input'
    //     }
    //   ];
    // },
    createFormList() {
      return [];
    },
    rowSelectHandle(rows) {
      if (!rows.length) {
        this.selectedRow = null;
      } else {
        this.selectedRow = rows[0];
      }
    },
    async removeRecordHandle() {
      try {
        await confirmAction('此操作将删除该记录, 是否继续?');
        const res = await this.selectedRow.id;
        if (res.resultCode === 200) {
          if (!res.errMsg) {
            notifyAction('删除数据成功！');
            // 执行刷新
            this.refreshHandle();
          } else {
            notifyAction(res.errMsg, 'warning');
          }
        }
      } catch (e) {}
    },
    async saveHandler() {
      try {
        // 获取表单控件的值，会执行表单校验，遵循错误前置的原则
        const [err, data] = await this.$refs.form.GET_FORM_DATA();
        if (err) return;
        const res = await saveContactInfo({ vCardId: this.formData.vCardId, vCardNo: this.formData.vCardNo, vCusName: this.formData.vCusName, ...data });
        if (res.resultCode === 200) {
          notifyAction('联系人保存成功！');
          // 执行刷新
          this.closeHandler('refresh');
        }
      } catch (e) {}
    },
    // 主页面刷新
    refreshHandle() {
      this.fetchParams = { ...this.fetchParams };
    },
    // 关闭面板
    closeHandler(type) {
      this.$emit('close', false, type);
    }
  }
};
</script>

<style lang="less" scoped></style>
